<!DOCTYPE html>
<html>
 <head>
  <title> 个人中心-商家 </title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="generator" content="editplus" />
  <meta name="author" content="guanqing" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link href="../style/css/public.css" rel="stylesheet" type="text/css" media="screen" />
  <link href="../style/css/virtualMall.css" rel="stylesheet" type="text/css" media="screen" />
  <script src="../js/jquery.js" type="text/javascript"></script>
 </head>

 <body>
	<div class="header manageHeader">
		<h1 class="logo"><img src="../style/images/manageLogo.png" alt="xx商城" /></h1>
		
		<div class="manageRight">你好！欢迎alsp回来 <a href="#" title="">退出</a></div>
	</div>
	<div class="wrapMain">
		<div class="sideBar">
			<dl>
				<dt>商户中心</dt>
				<dd class="selected"><a href="javacript:void(0)" class="manageIndex">中心首页</a></dd>
				<dd><a href="javacript:void(0)" class="manageInfo">商户资料</a></dd>
				<dd><a href="javacript:void(0)" class="managePassword">修改密码</a></dd>
				<dd><a href="javacript:void(0)" class="manageAddress">订单管理</a></dd>
				<dd><a href="javacript:void(0)" class="manageOnline">在线客服</a></dd>
				<dd><a href="javacript:void(0)" class="manageKefu">客服管理</a></dd>
				<dt>商品管理</dt>
				<dd><a href="javacript:void(0)" class="manageProList">商品列表</a></dd>
				<dd><a href="javacript:void(0)" class="manageAddPro">新增商品</a></dd>
			</dl>
		</div>
		<div class="mainCnt">
			<!-- 首页 -->
			<div class="cnt_Index">
				<h3 class="manageTitle">中心首页</h3>
				<div class="userInfo">
					<div class="userPhoto"><img src="../style/images/img1.png" alt="" /></div>
					<h4>欢迎您！ <strong>Alsepan</strong></h4>
					<p>商户账号：alsper</p>
					<p>上次登录时间：2012-01-01 21:39:35</p>
				</div>
				<div class="orderRemind"><strong>订单提醒：</strong><a href="#" title="">新订单（1）</a> | 待发货（0）</div>
				<div class="orderRemind"><strong>在&nbsp;&nbsp;&nbsp;&nbsp;线：</strong>网店客户（5） | 客服人员（0）</div>
			</div>

			<!-- 商户资料 -->
			<div class="cnt_Info">
				<h3 class="manageTitle">商户资料</h3>
				<ul class="mode_add">
					<li><label>商户账号：</label>alkdfo</li>
					<li><label>商户名称：</label><input type="text" name="" value=""  class="input_txt" /></li>
					<li>
						<label>所在地区：</label><select><option value="">选择省份</option></select> 省
						<select><option value="">选择城市</option></select> 市
						<select><option value="">选择地区</option></select> 区
					</li>
					<li><label>固定电话：</label><input type="text" name="" value="" class="input_txt" style="width:60px;" /> - <input type="text" name="" value=""  class="input_txt" /> - <input type="text" name="" value="" style="width:60px;" class="input_txt" /> <span style="color:#999">区号-电话号码-分级号码</span></li>
				</ul>
				<div style="padding-left:125px;"><input type="submit" name="" value="修改" class="greenBtn" /></div>
			</div>

			<!-- 修改密码 -->
			<div class="cnt_Info">
				<h3 class="manageTitle">修改密码</h3>
				<ul class="mode_add">
					<li><label>当前密码：</label><input type="password" name="" value="" class="input_txt" /></li>
					<li><label>新的密码：</label><input type="password" name="" value="" class="input_txt" /></li>
					<li><label>确认密码：</label><input type="password" name="" value="" class="input_txt" /></li>
					
				</ul>
				<div style="padding-left:125px;"><input type="submit" name="" value="修改" class="greenBtn" /></div>
			</div>

			<!-- 订单管理 -->
			<div class="cnt_order">
				<h3 class="manageTitle">订单管理</h3>
				<table class="">
					<thead>
						<tr>
							<th>序号</th>
							<th>订单号</th>
							<th>收货人</th>
							<th>付款方式</th>
							<th>订单总金额</th>
							<th>订单状态</th>
							<th>下单时间</th>
							<th style="background:none;">管理</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td><a href="#" title="">3333222</a></td>
							<td>螺丝批</td>
							<td>货到付款</td>
							<td>￥32.00</td>
							<td>已发货</td>
							<td>2012-01-01</td>
							<td><a href="javacript:void(0)" class="miniLightGrayBtn">已发货</a>&nbsp;&nbsp;<a href="javacript:void(0)" class="grayShortBtn">删除</a></td>
						</tr>
						<tr>
							<td>2</td>
							<td><a href="#" title="">3333222</a></td>
							<td>螺丝批</td>
							<td>网上付款</td>
							<td>￥32.00</td>
							<td>未发货</td>
							<td>2012-01-01</td>
							<td><a href="javacript:void(0)" class="miniGrayBtn">发货</a>&nbsp;&nbsp;<a href="javacript:void(0)" class="grayShortBtn">删除</a></td>
						</tr>
					</tbody>
				</table>
			</div>

			<!-- 商品列表 -->
			<div class="cnt_order">
				<h3 class="manageTitle">商品列表</h3>
				<table class="">
					<thead>
						<tr>
							<th>序号</th>
							<th>商品名称</th>
							<th>书架分类</th>
							<th>定价</th>
							<th>优惠价</th>
							<th>库存数量</th>
							<th>热门书籍</th>
							<th style="background:none;">管理</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td><a href="#" title="">3333222</a></td>
							<td>螺丝批</td>
							<td>货到付款</td>
							<td>￥32.00</td>
							<td>已发货</td>
							<td>2012-01-01</td>
							<td><a href="javacript:void(0)" class="miniGrayBtn">编辑</a>&nbsp;&nbsp;<a href="javacript:void(0)" class="grayShortBtn">删除</a></td>
						</tr>
						<tr>
							<td>2</td>
							<td><a href="#" title="">3333222</a></td>
							<td>螺丝批</td>
							<td>网上付款</td>
							<td>￥32.00</td>
							<td>未发货</td>
							<td>2012-01-01</td>
							<td><a href="javacript:void(0)" class="miniGrayBtn">编辑</a>&nbsp;&nbsp;<a href="javacript:void(0)" class="grayShortBtn">删除</a></td>
						</tr>
					</tbody>
				</table>
			</div>

			<!-- 添加商品 -->
			<div class="cnt_Info" style="position:relative;">
				<h3 class="manageTitle">添加商品</h3>
				<ul class="mode_add">
					<li><label>商品名称：</label><input type="text" name="" value=""  class="input_txt" style="width:200px;" /></li>
					<li><label>优惠价格：</label><input type="text" name="" value=""  class="input_txt" /></li>
					<li><label>定&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价：</label><input type="text" name="" value=""  class="input_txt" /></li>
					<li><label>分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;类：</label><select><option value="">分类选择</option></select></li>
					<li><label>热&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;门：</label><input type="radio" name="" /> 不是&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="" /> 是</li>
					<li><label>库&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;存：</label><input type="text" name="" value=""  class="input_txt" /></li>
					<li><label>作&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;者：</label><input type="text" name="" value=""  class="input_txt" /></li>
					<li><label>出&nbsp;版&nbsp;社：</label><input type="text" name="" value=""  class="input_txt" /></li>
					<li><label>出版时间：</label><input type="text" name="" value=""  class="input_txt" /></li>
					<li><label>商品相片：</label><input type="file" name="" /></li>
					<li style="padding-left:85px;">图片大小为198*143</li>
				</ul>
				<div style="padding-left:125px;"><input type="submit" name="" value="保存" class="greenBtn" />&nbsp;&nbsp;<input type="button" name="" value="取消" class="grayBtn" /></div>
				<div class="picDetail" style="position:absolute;left:300px; top:140px;"><img alt="" src="../style/images/img3.png"></div>
			</div>
			
			<!-- 客服管理 -->
			<div class="cnt_order">
				<h3 class="manageTitle">客服管理</h3>
				<table class="">
					<thead>
						<tr>
							<th>序号</th>
							<th>客服账号</th>
							<th>是否在线</th>
							<th style="background:none;">管理</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>3333222</td>
							<td>是</td>
							<td><a href="javacript:void(0)" class="grayShortBtn">删除</a></td>
						</tr>
						<tr>
							<td>2</td>
							<td>3333222</td>
							<td>否</td>
							<td><a href="javacript:void(0)" class="grayShortBtn">删除</a></td>
						</tr>
					</tbody>
				</table>
			</div>
			
			<!-- 在线客服 -->
			<div class="cnt_order">
				<h3 class="manageTitle">在线客服</h3>
				<div class="customName">客户名称： linda</div>
				<div class="dialogue">
					<div class="dialogueCnt">
						<ul class="">
							<li class="custom">
								<div>lidea <span class="dtime">22:34:56</span></div>
								<p>hi 请问有红楼梦吗</p>
							</li>
							<li class="me">
								<div>我 <span class="dtime">22:35:33</span></div>
								<p>有的</p>
							</li>
						</ul>
						<ul style="display:none;">
							<li class="custom">
								<div>lidea <span class="dtime">22:34:56</span></div>
								<p>hi 请问有红楼梦吗22222222</p>
							</li>
							<li class="me">
								<div>我 <span class="dtime">22:35:33</span></div>
								<p>有的</p>
							</li>
						</ul>
						<ul style="display:none;">
							<li class="custom">
								<div>lidea <span class="dtime">22:34:56</span></div>
								<p>hi 请问有红楼梦吗333333333333</p>
							</li>
							<li class="me">
								<div>我 <span class="dtime">22:35:33</span></div>
								<p>有的</p>
							</li>
						</ul>
						<textarea class="saidBox"></textarea>
					</div>
					<div class="dialogueSide">
						<h2>客户列表</h2>
						<ul class="customList">
							<li class="cur"><a href="javascript:void(0)" title="">1、张三</a></li>
							<li class=""><a href="javascript:void(0)" title="">2、李四</a></li>
							<li class=""><a href="javascript:void(0)" title="">3、王五</a></li>
						</ul>
					</div>
				</div>
				<div style="margin-top:10px;">
					<input type="submit" class="greenBtn" value="确定" name="" />&nbsp;&nbsp;<input type="button" class="grayBtn" value="取消" name="" />
				</div>
			</div>

		</div>
	</div>
	<div class="footer">
		<p>Copyright ©2010-2011 XXX商城 All Rights Reserved. 粤ICP证000000</p>
	</div>
	<script type="text/javascript">
	<!--
	$('.sideBar dd').click(function(){
		$(this).addClass('selected').siblings().removeClass('selected');
	});;
	$('.customList li').live('click',function(){
			$(this).addClass('cur').siblings().removeClass('cur');
			$('.dialogueCnt > ul').hide();
			$($('.dialogueCnt > ul').get($(this).index())).show();
	});
	-->
	</script>
 </body>
</html>
